<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>8.通过使用占位符标记提升React组件的渲染性能</title>
</head>

<body>
    <div>
        <p>使用 Fragment 避免额外标记</p>
        <p>React 组件中返回的 jsx 如果有多个同级元素必须要有一个共同的父级</p>
        <p>为了满足这个条件我们通常都会在最外层添加一个div，但是这样的话就会多出来一个无意义的标记，如果每个组件都多出这样的一个无意义标记的话，浏览器渲染引擎的负担就会加剧</p>
        <p>为了解决这个问题，React推出了 fragment 占位标记，使用占位符标记既满足了拥有共同父级的要求又不回多出来额外的无意义标记</p>
    </div>
</body>

</html>